<template>
  <a-layout-header class="header">
    <div class="logo">甲蛙知识库</div>
    <a-menu
        theme="dark"
        mode="horizontal"
        :style="{ lineHeight: '64px' }"
    >
      <a-menu-item key="/">
        <router-link to="/">首页</router-link>
      </a-menu-item>
      <a-menu-item key="/admin/user" >
        <router-link to="/admin/user">用户管理</router-link>
      </a-menu-item>
      <a-menu-item key="/admin/ebook" >
        <router-link to="/admin/ebook">电子书管理</router-link>
      </a-menu-item>
      <a-menu-item key="/admin/category" >
        <router-link to="/admin/category">分类管理</router-link>
      </a-menu-item>
      <a-menu-item key="/about">
        <router-link to="/about">关于我们</router-link>
      </a-menu-item>
<!--      <a-menu-item key="/aliyun">-->
<!--        <router-link to="/aliyun">阿里云优惠</router-link>-->
<!--      </a-menu-item>-->
<!--      <a-popconfirm-->
<!--          title="确认退出登录?"-->
<!--          ok-text="是"-->
<!--          cancel-text="否"-->
<!--          @confirm="logout()"-->
<!--      >-->
<!--        <a class="login-menu" v-show="user.id">-->
<!--          <span>退出登录</span>-->
<!--        </a>-->
<!--      </a-popconfirm>-->
<!--      <a class="login-menu" v-show="user.id">-->
<!--        <span>您好：{{user.name}}</span>-->
<!--      </a>-->
<!--      <a class="login-menu" v-show="!user.id" @click="showLoginModal">-->
<!--        <span>登录</span>-->
<!--      </a>-->
    </a-menu>

<!--    <a-modal-->
<!--        title="登录"-->
<!--        v-model:visible="loginModalVisible"-->
<!--        :confirm-loading="loginModalLoading"-->
<!--        @ok="login"-->
<!--    >-->
<!--      <a-form :model="loginUser" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">-->
<!--        <a-form-item label="登录名">-->
<!--          <a-input v-model:value="loginUser.loginName" />-->
<!--        </a-form-item>-->
<!--        <a-form-item label="密码">-->
<!--          <a-input v-model:value="loginUser.password" type="password" />-->
<!--        </a-form-item>-->
<!--      </a-form>-->
<!--    </a-modal>-->
  </a-layout-header>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

 export default defineComponent({
  name: 'the-header',
  props: {
    msg: String,
  },
});
</script>

